import * as React from 'react';
import { Link } from 'gatsby';

import styles from './index.module.less';

const HeadLine = ({ lastestPathUrl }) => {
  return (
    <div className={styles.headLine}>
      <div className="head-content">
        <p>
          生活、学习中遇到的问题，有时困惑，有时奇妙。技术里的"疑难杂症"，书籍里的奇文瑰句，记录以便查阅。
        </p>
      </div>
      <Link className="btn primart-btn" to={lastestPathUrl}>
        开始浏览 →
      </Link>
    </div>
  );
};

export default React.memo(HeadLine);
